<?

function V_Map_Add($height, $width, $zoom, $coordinates) { ?>
    <style>
        #map-canvas {
    	height: <?= $height ?>;
    	width: <?= $width ?>;
    	margin: 0px;
    	padding: 0px
        }
    </style>
    <script type="text/javascript"
    	src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAP3lt41ZppIbhssMt9rTKSrDis2M07gy4&sensor=true">
    </script>
    <script>
        function initialize() {
    	var myLatlng = new google.maps.LatLng(<?= $coordinates ?>);
    	var mapOptions = {
    	    zoom: <?= $zoom ?>,
    	    center: myLatlng
    	}
    	var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);

    	var marker = new google.maps.Marker({
    	    position: myLatlng,
    	    map: map,
    	    title: 'Dung Nhi Salon! Chuyên làm đẹp cho tóc nữ'
    	});
        }

        google.maps.event.addDomListener(window, 'load', initialize);

    </script>    
    <div id="map-canvas"></div>

<? } ?>

